<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			.slideGroup {
				text-align: left;
			}
			
			.slideGroup .parHd {
				height: 30px;
				line-height: 30px;
				background: #f4f4f4;
				padding: 0 20px;
				border-bottom: 1px solid #ddd;
				position: relative;
			}
			
			.slideGroup .parHd ul {
				float: left;
				position: absolute;
				left: 20px;
				top: -1px;
				height: 32px;
			}
			
			.slideGroup .parHd ul li {
				float: left;
				padding: 0 15px;
				cursor: pointer;
			}
			
			.slideGroup .parHd ul li.on {
				height: 30px;
				background: #fff;
				border: 1px solid #ddd;
				border-bottom: 2px solid #fff;
			}
			
			.slideGroup .slideBox {
				overflow: hidden;
				zoom: 1;
				padding: 10px 52px 0px 38px;
				position: relative;
			}
			
			.slideGroup .sNext,
			.slideGroup .sPrev {
				position: absolute;
				left: 15px;
				top: 10px;
				display: block;
				width: 17px;
				height: 64px;
				line-height: 60px;
				text-align: center;
				font-size: 20px;
				background-color: #d1d1d1;
				color: #FFFFFF;
			}
			
			.slideGroup .sNext {
				left: auto;
				right: 15px;
			}
			
			.slideGroup .sNext:hover,
			.slideGroup .sPrev:hover {
				background-color: #0086B3;
			}
			
			.slideGroup .parBd ul {
				overflow: hidden;
				zoom: 1;
			}
			
			.slideGroup .parBd ul li {
				width: 189px;
				height: 64px;
				margin-right: 10px;
			}
		</style>
	</head>

	<body>
		<div class="slideGroup">
			<div class="parBd">
				<div class="slideBox">
					<a class="sPrev" href="javascript:void(0)">
						<</a>
							<ul>
								<li>
									<a href="#">
										<img src="images/index/module3-icon-1.jpg" />
									</a>
								</li>
								<li>
									<a href="#">
										<img src="images/index/module3-icon-2.jpg" />

									</a>
								</li>
								<li>
									<a href="#">
										<img src="images/index/module3-icon-3.jpg" />

									</a>
								</li>
								<li>
									<a href="#">
										<img src="images/index/module3-icon-4.jpg" />

									</a>
								</li>
								<li>
									<a href="#">
										<img src="images/index/module3-icon-5.jpg" />

									</a>
								</li>
								</li>
							</ul>
							<a class="sNext" href="javascript:void(0)">></a>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript">
		//滚动
		jQuery(".slideGroup .slideBox").slide({
			mainCell: "ul",
			prevCell: ".sPrev",
			nextCell: ".sNext",
			effect: "leftMarquee",
			autoPlay: true,
			vis: 5,
			interTime: 30,
		});
	</script>

</html>